<template>
  <div id="">
      <van-nav-bar class="header"
            title="设置"
             :fixed="true"  
             left-text="返回" 
             left-arrow
             @click-left="onClickLeft"
        /> 
      <div id="box">
           <van-cell-group>
      <van-cell icon="points" title="我的积分" is-link />
      <van-cell icon="gold-coin-o" title="我的优惠券" is-link />
      <van-cell icon="gift-o" title="我收到的礼物" is-link />
    </van-cell-group>
          
      </div>
      <div class="footer">
          <van-button type="danger" size="large" id="relogin-btn">退出登陆</van-button>
      </div>

  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  methods:{
    // 完成了返回上一步的操作
    onClickLeft(){
      this.$router.go(-1)
      console.log(1)
    }
  },
  mounted(){
    
  },
  components: {

  }
}
</script>

<style scoped lang="scss">
   #box{
       margin-top:50px;
       
       height:100%
   }
  #relogin-btn{
      width:300px;
      height:40px;
      line-height: 40px;
      text-align: center
  }
  .footer{
     width:100%;
      height:180px;
      
      text-align: center;
      line-height: 180px;
      position: fixed;
      left:0;
      bottom:0
  }
  .header{
    background: pink
  }
</style>
